<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%>
<%@ taglib prefix="s" uri="/struts-tags"%>
<%@ taglib prefix="sj" uri="/struts-jquery-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<sj:head locale="es" jqueryui="true" jquerytheme="cupertino" />
<link rel="stylesheet" type="text/css" href="estilo/style.css" />
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Resumen por vendedores...</title>
<script language="JavaScript" type="text/javascript">	
   function maximizar() { 
		self.moveTo(0,0); 
		self.resizeTo(screen.availWidth,screen.availHeight); 
	} 
   function evaluar_sel_f(id){
	   var vx=document.getElementById(id).checked;
	   var d = new Date();
	   var mes=(d.getMonth() + 1);
	  
	   if( mes<=9){
		   mes="0"+mes;
	   }
	   var hoy= d.getDate()+"/"+(mes)+"/"+d.getFullYear();
	   if (document.getElementById(id).checked==true){
		   form.fechai.value=hoy;
		   form.fechaf.value=hoy;
		   form.fechai.disabled=false;
		   form.fechaf.disabled=false;
		   form.mes.disabled=true;
		   form.anno.disabled=true;
		   form.anno.value=d.getFullYear();
		   form.mes.selectedIndex=mes;
	   }else{
		   
		   form.fechai.value=hoy;
		   form.fechaf.value=hoy;
		   form.fechai.disabled=true;
		   form.fechaf.disabled=true;
		   form.mes.disabled=false;
		   form.anno.disabled=false;
		   form.anno.value=d.getFullYear();
		   form.mes.selectedIndex=mes;
	   }
   }
</script>
</head>
<body onload="maximizar();evaluar_sel_f('opc_fecha');" >
  <div class='logo_sia'><img src="images/logo.png" /></div>
  <div class="barra_tit_corp" align='center'>Resumen vendedores</div>
  <s:url id="car_1" value="rpt_vendedores.action" /> 
    <s:url id="car_vend1" action="cargar_grupo_vendedores_corp.action"  > 
        <s:param name="nombre">vendedor.codigo</s:param>
    </s:url>
    <s:url id="car_2" value="ver_grf_ventas.action" /> 
    
    <s:form id="form" action="rpt_vendedores.action" targets="reporte" theme="simple" >
         <table border='0'>
             <tr><td><input type="checkbox" id='opc_fecha' name="opc_fecha" value="SI" onclick="evaluar_sel_f(this.id);" />Por intervalo </td><td></td><td></td><td></td><td>Mes</td><td>A&ntilde;o</td><td>Vendedor</td><td></td><td></td></tr>
             <tr>
                 <td>Inicio</td><td><sj:datepicker displayFormat="dd/mm/yy"  size='10' value="" id="fechai" name="fechai" showOn="focus"  showAnim="slideDown" duration="fast"  /></td><td>Fin</td><td><sj:datepicker displayFormat="dd/mm/yy" size='10' value="" id="fechaf" name="fechaf"  showOn="focus"  showAnim="slideDown" duration="fast"  /></td><td><s:select name="mes" id="mes" headerKey="TODOS" headerValue="TODOS" list="#{'1':'ENERO','2':'FEBRERO','3':'MARZO','4':'ABRIL','5':'MAYO','6':'JUNIO','7':'JULIO','8':'AGOSTO','9':'SEPTIEMBRE','10':'OCTUBRE','11':'NOVIEMBRE','12':'DICIEMBRE'}" theme="simple" /></td><td><s:select name="anno" id="anno" headerKey="TODOS" headerValue="TODOS" list="#{'2007':'2007','2008':'2008','2009':'2009','2010':'2010','2011':'2011','2012':'2012'}" theme="simple" /></td><td><sj:div id='reporte2' href="%{car_vend1}" indicator="carga_1"  ><img id="carga_1" src="images/ajax-loader3.gif" alt="Cargando..." style="display: none" /></sj:div></td><td><sj:a id="filtrar"  href="%{car_1}"  formIds="form" targets="reporte"  indicator="indicatorc" button="true" buttonIcon="ui-icon-gear"  >Filtrar</sj:a><img id="indicatorc" src="images/ajax-loader3.gif" alt="Cargando..." style="display: none" /></td> 
                 <td><sj:a id="Graficar"  href="%{car_2}"  formIds="form" targets="reporte"  indicator="indicatorc" button="true" buttonIcon="ui-icon-gear" effect="highlight" effectOptions="{ color : '#222222' }" effectDuration="3000"  >Graficar</sj:a></td>
             </tr>
        </table>      
    </s:form>
    <sj:div id='reporte' href="%{car_1}" indicator="indicatorc"  effect="highlight" effectOptions="{ color : '#222222' }" effectDuration="3000" >
    </sj:div>	
</body>
</html>